@import url(./base.css);
@import url(./modules/header.css);
@import url(./modules/footer.css);

main {
    width: 100%;
    height: 3825px;
    overflow: hidden;
    .bannerOne {
        width: 100%;
        height: 530px;
        img {
            width: 100%;
            height: 503px;
        }
        .btn {
            color: #fff;
        }
    }
    .shop-banner {
        height: 660px;
        width: 100%;
        position: relative;
        // .go-prev{
        //     img{
        //         width: 50px;
        //         height: 50px;
        //     }
        //     position: absolute;
        //     left: 15px;
        //     top: 360px;
        // }
        // .go-next{
        //     img{
        //         width: 50px;
        //         height: 50px;
        //     }
        //     position: absolute;
        //     left: 1360px;
        //     top: 360px;
        // }
        .title {
            width: 100%;
            height: 116px;
            overflow: hidden;
            p {
                display: block;
                text-align: center;
                font-size: 24px;
                color: black;
                // font-weight: 700;
                margin-top: 25px;
            }
            .tab {
                width: 546px;
                height: 24px;
                margin: 0 auto;
                margin-top: 26px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                li {
                    height: 30px;
                    color: #666;
                    font-size: 18px;
                    cursor: pointer;
                }
                .ac {
                    color: #333;
                    font-weight: 900;
                    border-bottom: 2px solid #000;
                }
            }
        }
        .banner-list {
            display: none;
            overflow: hidden;
            width: 100%;
            height: 506px;
            ul {
                width: 100%;
                height: 506px;
                overflow: hidden;
                li {
                    float: left;
                    width: 502px;
                    height: 100%;
                    margin-right: 4px;
                    background-color: #fafafa;
                    .pic {
                        position: relative;
                        width: 280px;
                        height: 280px;
                        margin: 20px auto;
                        img {
                            width: 250px;
                            height: 250px;
                            position: absolute;
                            left: 0;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            margin: auto;
                        }
                    }
                    .desc {
                        width: 280px;
                        height: 210px;
                        margin: 10px auto;
                        ul {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: space-around;
                            li {
                                width: 100%;
                                height: 60px;
                                line-height: 33px;
                                text-align: center;
                            }
                            li:nth-child(1) {
                                color: #333;
                            }
                            li:nth-child(2) {
                                color: #666;
                            }
                            .price {
                                width: 200px;
                                height: 35px;
                                margin-bottom: 10px;
                                span:nth-child(1) {
                                    display: block;
                                    float: left;
                                    width: 100px;
                                    height: 35px;
                                    background-color: #464646;
                                    color: white;
                                    font-weight: 600;
                                    line-height: 35px;
                                    text-align: center;
                                }
                                span:nth-child(2) {
                                    display: block;
                                    float: left;
                                    width: 100px;
                                    height: 35px;
                                    background-color: #151515;
                                    font-weight: 600;
                                    line-height: 35px;
                                    text-align: center;
                                    a {
                                        color: white;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .ac {
            display: block;
        }
    }
    .shop-show {
        width: 100%;
        height: 1790px;
        overflow: hidden;
        &-prod {
            width: 100%;
            height: 586px;
            .movie {
                width: 50%;
                height: 512px;
                float: left;
                img {
                    width: 100%;
                    height: 586px;
                    float: right;
                }
            }
            .pic{
                width: 50%;
                height: 512px;
                float: right;
                img{
                    width: 100%;
                    height: 586px;
                    float: right;
                }
            }
        }
        .prod2{
            .movie{
                float: right;
            }
            .pic{
                float: left;
            }
        }
    }
    .wrap {
        margin-bottom: 50px;
        width: 100%;
        height: 470px;
        .bannerTwo {
            width: 100%;
            height: 470px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
